$(document).ready(function() {
    $(".menuBtn").click(function() {
        $(this).siblings('.nav').stop().slideToggle(400);
        $(this).toggleClass('open');
    })

    // 选项卡 鼠标点击
    $(".TAB_CLICK li").click(function() {
        var tab = $(this).parent(".TAB_CLICK");
        var con = tab.attr("id");
        var on = tab.find("li").index(this);
        $(this).addClass('on').siblings(tab.find("li")).removeClass('on');
        $(con).eq(on).show().siblings(con).hide();
    });
    // 自定义多选
    $('[role=checkbox]').each(function() {
        var input = $(this).find('input[type="checkbox"]');
        input.each(function() {
            if ($(this).attr('checked')) {
                $(this).parents('label').addClass('checked');
                $(this).prop("checked", true)
            }
        })
        input.change(function() {
            $(this).parents('label').toggleClass('checked');
        });
    });
    // 自定义单选
    $('[role=radio]').each(function() {
        var input = $(this).find('input[type="radio"]'),
            label = $(this).find('label');

        input.each(function() {
            if ($(this).attr('checked')) {
                $(this).parents('label').addClass('checked');
                $(this).prop("checked", true)
            }
        })

        input.change(function() {
            label.removeClass('checked');
            $(this).parents('label').addClass('checked');
            input.removeAttr('checked');
            $(this).prop("checked", true)
        })
    });
    // 全选
    $('.check-all').click(function(event) {
        /* Act on the event */

        $(this).siblings().toggleClass('on');

        if (this.checked) {
            $('.checkone').prop('checked', true).siblings().addClass('on');
        } else {
            $('.checkone').prop('checked', false).siblings().removeClass('on');
        }
    });
    $('.checkone').click(function(event) {
        /* Act on the event */
        allCheck();
        $(this).siblings().toggleClass('on');
    });

    function allCheck() {
        var chknum = $('.checkone').size();
        var chk = 0;
        $('.checkone').each(function(index, el) {
            if ($(this).prop('checked') == true) {
                chk++;
            }
        });
        if (chknum == chk) {
            $('.check-all').prop('checked', true).siblings().addClass('on');
        } else {
            $('.check-all').prop('checked', false).siblings().removeClass('on');
        }
    };

    // 滚动导航悬浮
    $(document).on('scroll', function() {
        var scrollH = $(this).scrollTop();
        if (scrollH > 45) {
            $(".m-top").addClass('color');
        } else {
            $('.m-top').removeClass('color');
        }
    })
    // 验证码
    function settime(obj) {
        var obj = obj;
        var countdown = 60;
        var fun = function() {
            if (countdown == 0) {
                obj.attr('disabled', false);
                obj.val("获取验证码");
                countdown = 60;
                return;
            } else {
                obj.attr('disabled', true);
                obj.val(countdown + "s");
                countdown--;
            }
            setTimeout(function() {
                fun();
            }, 1000)
        };
        fun();
    };

    $('.js_code').on('click', function() {
        var obj = $(this);
        settime(obj);
    });

    $(".js-cot").on('click', function() {
        var ss = parseInt($(this).find("em").html());
        $(this).toggleClass('on');
        if ($(this).hasClass('on')) {
            console.log(1);
            $(this).addClass('on');
            $(this).find("em").html(ss + 1);
        } else {
            console.log(2);
            $(this).removeClass('on');
            $(this).find("em").html(ss - 1);
        }
    })

    $(".ul-txt4 li .s1").click(function(e) {
        var ss = $(this).parent('li');
        $(this).parents('.ul-txt4').find('.down').slideUp('fast');
        $(this).siblings('.down').stop().slideToggle('fast');
        ss.toggleClass('on');
        if (ss.hasClass('on')) {
            ss.parents('.ul-txt4').find('li').removeClass('on');
            ss.addClass('on');
        } else {
            ss.removeClass('on');
        }
        e.stopPropagation();
    })
    $(".ul-txt4 .down dd").click(function(e) {
        e.stopPropagation();
    })
    $(document).click(function() {
        $(".ul-txt4 .down").hide();
    })

    $(".js-coll.on span").text("已收藏");
    $('.js-coll').click(function() {
        $(this).toggleClass("on");
        if ($(this).hasClass('on')) {
            $("span", this).text("已收藏");
        } else {
            $("span", this).text("收藏");
        };
    });

    $(".js-set.on").text("已推荐");
    $('.js-set').click(function() {
        $(this).toggleClass("on");
        if ($(this).hasClass('on')) {
            $(this).text("已推荐");
        } else {
            $(this).text("设为推荐藏品");
        };
    });

    $(".js-peonum").on('click', function() {
        var ss = parseInt($(this).find("em").html());
        $(this).toggleClass('on');
        if ($(this).hasClass('on')) {
            console.log(1);
            $(this).addClass('on');
            $(this).find("em").html(ss + 1);
        } else {
            console.log(2);
            $(this).removeClass('on');
            $(this).find("em").html(ss - 1);
        }
    })

    // 弹出框
    $('.myfancy').click(function() {
        var _id = $(this).attr('href');
        $(_id).fadeIn("normal");
    });
    $('.pop-bg,.close').click(function() {
        $(this).parents('.m-pop').fadeOut("normal");
        $(this).parents('.m-pop2').fadeOut("normal");
    });
    $(".ul-listq3 li a").click(function() {
        $(this).parents('.m-pop').fadeOut("normal");
    });
    $(".m-win .item .forget a").click(function() {
        $(this).parents('.m-pop').fadeOut("normal");
    })

    $('.js-video').click(function() {
        $('.y-pop1').stop().fadeIn();
    });
    $('.pop-bg,.i-close').click(function() {
        $('.y-pop1').fadeOut();
        var player = $('#video1')[0];
        player.pause();
    });

});